<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>评测报告</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./lib/css/layui.css" media="all">
    <link rel="stylesheet" href="./reportStyle.css" media="all">
</head>

<body>
    <div class="root" id="root" style="height: 0px;">
        <div class="no-print">
            <div class="print-button">
                <button class="layui-btn layui-btn-sm" style="background-color:#989595;" onclick="print()"><i class="layui-icon">&#xe63c;</i></button>
            </div>
        </div>
        <div id="exportDiv" style="overflow: hidden;">
            <!--首页  -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div style="height: 40px;"></div>
                    <div style="text-align: center">
                        <img style="max-width: 705px;width:92%" src="/device/images/title.png" />
                    </div>
                    <div
                        style="margin-top: 40px !important; border-radius: 10px;background: #FFF8F0; width:90%;max-width: 656px; margin: 0 auto;">
                        <img style="width:240px" src="/device/images/first_title.png" />
                        <div style="padding: 30px;font-size: 14px;">
                            <p>
                                <img style="display: inline-block;vertical-align: baseline; width: 80px;"
                                    src="/device/images/zzl.png" />
                                也被称为注意力集中或专心，是指个体将精力投入到特定任务或刺激上，并忽视其他无关的因素的能力。这种精神状态贯穿于我们的日常生活和学习工作中，它能够帮助我们保持对目标的锐利思考，有效地处理信息，并进行深入的思维和学习。
                            </p>
                            <p>
                                儿童专注力并非天生铸就，却是决定孩子未来学习能力和生活技能发展的关键因素。良好的专注力可以助力孩子们充分吸收信息，更好地理解复杂概念。通过定制化的专注力练习，可以帮助孩子们提高记忆力，加快思维速度，提升解决问题的能力。更为重要的孩子们可以学会如何更有效地管理时间，如何深入投入一项任务，不断提升自我。
                            </p>
                        </div>
                    </div>
                    <div
                        style="margin-top: 30px !important; border-radius: 10px;background: #FFF8F0;width:90%;max-width: 656px; margin: 0 auto;">
                        <div style="padding: 30px;font-size: 14px;">
                            <table style="width: 100%;">
                                <tr>
                                    <td class="tableTitle">儿童姓名</td>
                                    <td><span id="name"></span></td>
                                </tr>
                                <tr>
                                    <td class="tableTitle">儿童性别</td>
                                    <td><span id="sex"></span></td>
                                </tr>
                                <tr>
                                    <td class="tableTitle">测试年龄</td>
                                    <td><span id="age"></span></td>
                                </tr>
                                <tr>
                                    <td class="tableTitle">评估中心</td>
                                    <td><span id="orgName"></span></td>
                                </tr>
                                <tr>
                                    <td class="tableTitle">评估老师</td>
                                    <td><span id="teacher"></span></td>
                                </tr>
                                <tr>
                                    <td class="tableTitle">评估时间</td>
                                    <td><span id="testDate"></span></td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />
                </div>
            </div>
            <!-- 整体页 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg" style="width: 100%;height: 100%;">
                        <div><img style="max-width: 380px;width:60%;margin: 40px;" src="/device/images/h0_title.png" />
                        </div>
                        <div class="pageItem" style="margin-left:50px"><i></i>专注力指标分布图</div>
                        <div class="Distribution">
                            <div id="profile_HearingChart" style="height: 220px;width:220px"></div>
                            <div class="wholeTable">
                                <table>
                                    <tr>
                                        <td class="itemName0"></td>
                                        <td class="itemLevelName0"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName1"></td>
                                        <td class="itemLevelName1"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName2"></td>
                                        <td class="itemLevelName2"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName3"></td>
                                        <td class="itemLevelName3"></td>
                                    </tr>
                                </table>
                            </div>
                            <div id="profile_visionChart" style="height: 220px;width:220px"></div>
                            <div class="wholeTable">
                                <table>
                                    <tr>
                                        <td class="itemName4"></td>
                                        <td class="itemLevelName4"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName5"></td>
                                        <td class="itemLevelName5"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName6"></td>
                                        <td class="itemLevelName6"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName7"></td>
                                        <td class="itemLevelName7"></td>
                                    </tr>
                                    <tr>
                                        <td class="itemName8"></td>
                                        <td class="itemLevelName8"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div style="margin-top: 40px;display: flex;
                        flex-direction: row;
                        justify-content: flex-end;padding-right: 27px;">
                            <div class="wholeInfo">
                                <table>
                                    <tr style="font-weight: bold; background-color: #EDEBE8;">
                                        <td style="width:60px">指标</td>
                                        <td style="width: 60px;">等级</td>
                                        <td>说明</td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>极弱</td>
                                        <td style="text-align: left;">无法集中注意力，易受干扰，影响日常效率</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>较弱</td>
                                        <td style="text-align: left;">一定程度上集中注意力，遇复杂或长时间任务有困难</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>不足</td>
                                        <td style="text-align: left;">大部分任务可以应对，高难度或长时任务可能分心</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>中等</td>
                                        <td style="text-align: left;">基本上可以保持注意力集中，完成任务，但有提升空间</td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>优秀</td>
                                        <td style="text-align: left;">各种情况下都能维持高度专注，提高工作或学习效率</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="pageItem" style="margin-left:50px"><i></i>建议训练项目</div>
                        <div class="courseTable">
                            <table style="width:100%">
                                <tr>
                                    <td style="background-color: #FA9F49;text-align: center;width:80px">专注力</td>
                                    <td id="courseName"></td>
                                </tr>
                                <tr>
                                    <td style="background-color: #FA9F49;text-align: center">感统</td>
                                    <td>直梯大滑板，羊角球，趴地推球，拍篮球，套圈 等...</td>
                                </tr>
                                <tr style="display: none;">
                                    <td style="background-color: #FA9F49;text-align: center">建议课时</td>
                                    <td id="courseHour"></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />
                </div>
            </div>
            <!-- 听觉专注力 -->
            <div class="page-break-before page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="page_padding">
                        <div style="padding-top:60px;">
                            <img style="max-height: 100px;width: 75%;max-width: 390px;"
                                src="/device/images/hearing_title.png" />
                        </div>
                        <div style="display: flex;flex-direction: row;margin-top: 25px;">
                            <div class="title_bg">

                                <table class="resultTable">
                                    <tr>
                                        <td id="hearingName0"></td>
                                        <td class="result_score" id="hearingScore0"></td>
                                        <td class="hearingStar0"></td>
                                        <td id="levelName0"></td>
                                    </tr>
                                    <tr>
                                        <td id="hearingName1"></td>
                                        <td class="result_score" id="hearingScore1"></td>
                                        <td class="hearingStar1"></td>
                                        <td id="levelName1"></td>
                                    </tr>
                                    <tr>
                                        <td id="hearingName2"></td>
                                        <td class="result_score" id="hearingScore2"></td>
                                        <td class="hearingStar2"></td>
                                        <td id="levelName2"></td>
                                    </tr>
                                    <tr>
                                        <td id="hearingName3"></td>
                                        <td class="result_score" id="hearingScore3"></td>
                                        <td class="hearingStar3"></td>
                                        <td id="levelName3"></td>
                                    </tr>
                                </table>

                            </div>
                        </div>

                        <div style="margin: 10px 0px;"><img style="width:100%" src="/device/images/split_line.png" />
                        </div>

                        <div class="hearing_info">
                            <p>
                                <span
                                    class="bigText">听觉专注力</span>在上学听课时起着核心作用，它能够帮助学生们在讲解过程中保持专心，有效地吸收和理解类信息。充足的听觉专注力能有效屏蔽课堂上的各种外界干扰，使学生能够始终保持对讲师话语的关注。此外，良好的听觉专注力不仅能提高学生的理解和记忆能力，更能促进他们的思考和独立见解的形成，对他们的学业成绩和个人发展都具有深远影响。因此，提高听觉专注力对于学生来说至关重要。
                            </p>
                        </div>
                        <div style="width: 100%;height:400px;margin: 0 auto;" id="hearingChart">
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 听觉广度 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    听觉广度-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">听觉广度</div>
                                    <p class="pageItem_content">
                                        听觉广度指的是个体同时接收和处理多元音频信息的能力。在上学听课环境中，学生应具备一定的听觉广度，以便对老师的主讲、同时发生的同学提问或讨论等多源信息进行有效接收和理解，以丰富知识视角，更深入地理解和学习课题内容。但过大的听觉广度可能导致注意力分散，建议适度控制。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item0"></span>
                                        <span class="itemLevelName0"></span>
                                    </div>
                                </div>
                                <div class="happy"><i></i>听觉广度好的表现</div>
                                <p>
                                    1. 可同时关注老师讲解与同学提问，加深理解；
                                </p>
                                <p>
                                    2. 有效区分在讲座或研讨会中的各种音频信息，提升学习效率；
                                </p>
                                <p>
                                    3. 对老师的指令能快速捕捉并应答，调整学习策略，优化学习效果。
                                </p>
                                <div class="sadness"><i></i>听觉广度弱的场景表现</div>
                                <p>表现一：无法连续或同时捕捉到多个听觉信息，造成情绪内耗，课堂上难以集中精力；</p>
                                <p>表现二：孩子认真听讲，但就是复述不出来重要的信息，给大人的感觉就像耳边风一样。</p>
                                <p>场景例举：</p>
                                <p>1、听复述吃力，逻辑混乱；</p>
                                <p>2、老师课堂一次提问多个问题，无法有效回答且容易遗漏；</p>
                                <p>3、英语听力考试中，无法全面捕捉题型内容，影响自身的选择判断；
                                <p>4、随着年级增加，课堂知识点变多，容易造成遗漏。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 听觉记忆 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    听觉记忆-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">听觉记忆</div>
                                    <p class="pageItem_content">
                                        听觉工作记忆是指在短时间内通过听觉接收、保存和处理信息的能力。在上课时学生需要利用这项能力来聆听、理解并记住老师的讲解。当老师解释一个复杂的概念或步骤时，学生需要暂时记住前面的内容，以便对后面的信息进行理解和整合。另外，听觉工作记忆还能帮助学生在课堂讨论中快速响应和参与。若学生的听觉工作记忆能力强，则可以更有效地理解和吸收新的学习内容，从而提高学习效率和质量。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item1"></span>
                                        <span class="itemLevelName1"></span>
                                    </div>
                                </div>
                                <div class="happy"><i></i>听觉记忆好的表现</div>
                                <p>1. 准确地理解老师讲解的重点知识点，能够在课后进行高效复习和巩固。</p>
                                <p>2. 在课堂讨论和问答环节，能快速回顾和应用听到的信息，表现出敏捷的思维反应。</p>
                                <p>3. 即使在课程内容繁多的情况下，仍能保持较高的听觉理解和记忆能力，将所学知识长期深入记忆。</p>

                                <div class="sadness"><i></i>听觉记忆弱的场景的表现</div>
                                <p>表现一：无法快速接收听觉信息，需要放慢语速才能有所记忆。</p>
                                <p>表现二：听觉信息记忆时间短，相同信息需要重复多次进行巩固。</p>
                                <p>场景例举：</p>
                                <p>1、听短文回答问题，无法有效回答，重要信息点遗漏。</p>
                                <p>2、听课文难以理解，学习效率低。</p>
                                <p>3、课堂知识点遗漏，学习效率低，无法活学活用。</p>
                                <p>4、老师口头布置的作业或者其他事情常记不全或记不住。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 听觉加工 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    听觉加工-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">听觉加工</div>
                                    <p class="pageItem_content">
                                        听觉加工速度是指在上学听课过程中，对讲述的信息进行接收、理解和内化的处理速度。良好的听觉加工速度能让学生快速吸收大量信息，从而降低课堂遗漏重要内容的可能性。此外，学生可以在短时间内对所听到的知识进行分析、归纳和总结，由此更好地参与课堂讨论和回答问题。高效的听觉加工速度有助于提升学习效率，节省复习时间，促进学生在课程中取得良好的学术表现。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item2"></span>
                                        <span class="itemLevelName2"></span>
                                    </div>
                                </div>

                                <div class="happy"><i></i>听觉加工速度好的表现</div>
                                <p> 1. 在听课时可快速理解和吸收老师讲解的新知识，少有听不懂或漏掉重要信息的情况。</p>
                                <p>2. 在课堂问答环节时能提出有深度的问题或高质量的答案，展现出对讲解内容的快速领悟和深入理解。</p>
                                <p>3. 课后复习阶段，能高效地在已接收到的听觉信息中抽提关键点，快速完成知识点的梳理和复习，提高学习效率。</p>
                                <div class="sadness"><i></i>听觉加工弱的场景的表现</div>
                                <p>表现一：可能导致孩子在产生语音、‌使用口语交流或理解他人所说内容时存在困难。</p>
                                <p>表现二：难以对听到的信息进行书写、转述、提炼或执行。</p>
                                <p>场景举例：</p>
                                <p>1、课堂上听写句子或课文正确率低，容易遗漏。</p>
                                <p>2、课堂笔记无法有效记录，很难跟上。</p>
                                <p>3、阅读及认知障碍，手、口、脑无法协调，阅读认知效率极低。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />
                </div>
            </div>
            <!-- 听觉稳定 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    听觉稳定-评估结果
                                </div>

                                <div class="pageBox">
                                    <div class="pageItem_Title">听觉稳定</div>
                                    <p class="pageItem_content">
                                        听觉稳定性是指保持持续高水平的听觉警觉性和聚焦能力。从学习的角度来看，听觉稳定性非常重要。在上课时，学生需要展现出良好的听觉稳定性，也就是能集中精力持续有效地听讲，并从中获得和吸收信息。不仅需要对老师的讲解进行深入的理解，还要注意捕捉并解读课堂中的其他声音信息，诸如同学的提问或讨论。良好的听觉稳定性可以大幅度提高学生对课堂信息的接收效率，增强理解能力，从而提升学习成果。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item3"></span>
                                        <span class="itemLevelName3"></span>
                                    </div>
                                </div>

                                <div class="happy"><i></i>听觉稳定性好的表现</div>
                                <p> 1. 可以持续专心地关注老师的讲解，不易被分心，表现出高度的听觉警觉性。</p>
                                <p>2. 可以有效地理解、记忆和再现老师的讲解，表现出优秀的课堂学习效率。</p>
                                <p>3. 即使在长时间的听课过程，也能保持好的听觉集中度和理解力，不易出现听课疲劳。</p>
                                <div class="sadness"><i></i>听觉稳定弱的场景的表现</div>
                                <p> 表现一：听觉过敏，无法应对嘈杂环境。</p>
                                <p> 表现二：听觉反应不足，对听觉接收到的信息在加工能力弱。</p>
                                <p>表现三：听觉寻求、辨识能力弱，对不同音调、音源、音色辨析度低。</p>
                                <p>表现四：无法长时间保持专注，极易受外界因素影响。</p>
                                <p>场景举例：</p>
                                <p>1、课堂上经常走神或说话。</p>
                                <p>2、无法适应课堂上的讨论、交流环节。</p>
                                <p>3、对于别人说话的语气语调等表达方式要求高，情绪敏感。</p>
                                <p>4、听觉反应迟钝，词不达意。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 视觉结果 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="page_padding">
                        <div style="padding-top:60px;">
                            <img style="max-height: 100px;width: 75%;max-width: 390px;"
                                src="/device/images/vision_title.png" />
                        </div>
                        <div style="display: flex;flex-direction: row;margin-top: 25px;">

                            <div class="title_bg">
                                <table class="resultTable">
                                    <tr>
                                        <td id="visionName4"></td>
                                        <td class="result_score" id="visionScore4"></td>
                                        <td class="hearingStar4"></td>
                                        <td id="levelName4"></td>
                                    </tr>
                                    <tr>
                                        <td id="visionName5"></td>
                                        <td class="result_score" id="visionScore5"></td>
                                        <td class="hearingStar5"></td>
                                        <td id="levelName5"></td>

                                    </tr>
                                    <tr>
                                        <td id="visionName6"></td>
                                        <td class="result_score" id="visionScore6"></td>
                                        <td class="hearingStar6"></td>
                                        <td id="levelName6"></td>

                                    </tr>
                                    <tr>
                                        <td id="visionName7"></td>
                                        <td class="result_score" id="visionScore7"></td>
                                        <td class="hearingStar7"></td>
                                        <td id="levelName7"></td>

                                    </tr>
                                    <tr>
                                        <td id="visionName8"></td>
                                        <td class="result_score" id="visionScore8"></td>
                                        <td class="hearingStar8"></td>
                                        <td id="levelName8"></td>
                                    </tr>
                                </table>

                            </div>

                        </div>
                        <div style="margin: 20px 0px;"><img style="width:100%" src="/device/images/split_line.png" />
                        </div>
                        <div class="hearing_info">
                            <p>
                                <span
                                    class="bigText">视觉专注力</span>对学生学习至关重要。首先，我们的大部分学习信息来自于视觉。无论阅读、写作还是解决数学问题，都需要强大的视觉专注力。其次，视觉专注力有助于学生在繁多的信息中筛选出重点，同时抑制无关的干扰物或者活动。例如，课堂上，良好的视觉专注力可以帮助学生集中注意力在老师身上，同时忽视其他学生的动作。此外，适当的视觉专注练习可以提高学生的记忆力，辅助他们记住更多的信息。因此，对于每一个学生来说，培养视觉专注力都是至关重要的。
                            </p>
                        </div>


                        <div style="width: 100%;height:320px;margin: 0 auto;" id="visionChart">
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!--视觉分辨  -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg" style="line-height: 32px;">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    视觉分辨-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">视觉分辨</div>
                                    <p class="pageItem_content">
                                        专注力训练中的"视觉分辨"通常指的是通过视觉刺激来提高专注力的练习。这些训练旨在增强个体对视觉细节的注意力并提高分辨力。例如，一个常见的视觉分辨训练任务是找出一系列相似图形或符号中的微小差别，或者在快速呈现的一系列图片中识别特定的目标对象。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox" style="margin:0 auto">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item4"></span>
                                        <span class="itemLevelName4"></span>
                                    </div>
                                </div>

                                <div class="happy" style="margin-top: 0px;"><i></i>视觉分辨好的表现</div>
                                <p> 1. 清晰度：能够清楚地看到小的和/或远程的细节，例如阅读远处的标牌或辨识微小的文字。</p>
                                <p>2. 对比敏感性：能够分辨相近颜色或灰度之间的细微差异，更好地理解图像或场景的深度和纹理。</p>
                                <p>3. 辨识速度：迅速识别和分辨视觉信息，这在快速变动的环境中尤为重要，如运动比赛、驾驶等。</p>
                                <p>4. 视野宽广：良好的周边视觉能力，能够注意到并理解视野中偏离中心的对象。</p>
                                <p>5. 视觉搜索：在复杂的视觉环境中快速找到目标物体，如在繁杂的背景中找到特定的形状或符号。</p>
                                <p>6. 目标追踪：能够持续地跟踪移动物体，这对运动员等特定职业人士尤为重要。</p>
                                <p>7. 视觉记忆力：看到的图像、场景或信息能够被准确快速地记住和回忆。</p>
                                <p>8. 视觉注意力的保持：能长时间保持对视觉任务的专注，尽管可能存在分心或干扰。</p>
                                <div class="sadness"><i></i>视觉分辨弱的场景的表现</div>
                                <p> 表现一：对图形、‌颜色的细微差别观察不出来。</p>
                                <p> 表现二：视觉敏感度低，空间感混乱。</p>
                                <p> 场景举例：</p>
                                <p> 1、难以找寻个人物品，无法在有序或无序环境中识别目标。</p>
                                <p> 2、学习拼音、‌英语感觉吃力，‌不能正确地抄写，如b、d、p、q、6、9、N、Z不分。</p>
                                <p> 3、不同于色盲和色弱，对于复杂颜色辨认速度慢。</p>
                                <p> 4、阅读速度慢，无法专注，不能长时间看书。</p>
                                <p> 5、抄写时经常串行或跳字。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 视觉广度 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    视觉广度-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">视觉广度</div>
                                    <p class="pageItem_content">
                                        视觉广度则是指学生对视野范围内的多样信息进行快速捕捉与处理的能力。视觉分辨能力是指学生在学习过程中能清晰地识别和分辨各种图像、文字和符号，使其能够准确地识别和理解学习资料。具备这两项能力的学生在学习过程中，能迅速理解和掌握教材、作业及测试中的各种内容，对多样信息进行并行处理以及全局关联。优秀的视觉分辨和视觉广度有助于提升学生的学习效率与深度，以推动更高质量的学术表现。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item5"></span>
                                        <span class="itemLevelName5"></span>
                                    </div>
                                </div>
                                <div class="happy"><i></i>视觉广度好的表现</div>
                                <p> 1. 快速获取和处理信息：视觉广度好的学生在阅读、分析数据或图形时表现出较高的速度和效率。</p>
                                <p>2. 并列信息处理：他们能一眼看到的信息更多，针对多元任务有着优秀的表现。</p>
                                <p>3. 关联和整合信息：在解决复杂问题时，他们能快速关联和整合全局信息，提出有效解决方案。</p>
                                <p>4. 快速识别信息：学生可以迅速分辨书本、课件或是实验中的图像、符号、文字等内容。</p>
                                <p>5. 细节把握能力强：对于复杂的图表或数据，学生有能力准确把握并理解其中的细节信息。</p>
                                <div class="sadness"><i></i>视觉广度弱的场景的表现</div>
                                <p> 表现一：观察事物往往只看到局部，‌看不到整体。</p>
                                <p> 表现二：阅读速度慢，‌不能把握全部内容。</p>
                                <p> 表现三：生活中磕磕碰碰，‌常被身边的东西绊倒。</p>
                                <p> 场景举例：</p>
                                <p> 1、看图写作或答题过程中，遗漏信息要素，造成失分或错误。</p>
                                <p> 2、课堂板书记录不全，容易遗漏。</p>
                                <p> 3、阅读速度慢，无法进行语文或英语泛读，需要逐字逐句阅读，且无法快速理解。</p>
                                <p> 4、孩子在日常生活中也可能会因为无法全面注意到周围环境而经常被身边的东西绊倒或发生其他小意外。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 视觉记忆 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg" style="line-height: 32px;">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    视觉记忆-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">视觉记忆</div>
                                    <p class="pageItem_content">
                                        视觉工作记忆是指我们的大脑能临时存储和处理有关视觉信息的能力，它对学生的学习具有重要的影响。首先，视觉工作记忆能帮助学生更好地吸收和理解图表、地图等视觉资料，尤其在理科和艺术类课程中尤为重要。其次，好的视觉工作记忆有助于学生在思维过程中形成和维持学习的视觉模型，从而帮助他们理解和解决复杂的问题。例如，在学习围棋或数学时，视觉工作记忆可帮助学生在脑海中调出和维持局部游戏状态或数学公式，以便进行更深入的学习和思考。在一些需要视觉空间技巧的科目中，视觉工作记忆的优势更无法替代。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox" style="margin: 0 auto;">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item6"></span>
                                        <span class="itemLevelName6"></span>
                                    </div>
                                </div>

                                <div class="happy" style="margin-top: 0px;"><i></i>视觉工作记忆好的表现</div>
                                <p> 1. 学生能准确理解图表、图片或可视化内容，如地图、图形推理题等，将其与讲授的知识快速联系起来。</p>
                                <p>2. 视觉信息记忆能力强：能迅速记住教师在板书内容，使得学习建立在已存储视觉信息的基础之上，减少记忆负担。</p>
                                <p>3. 空间方向感强：在学习如几何或物理等需要空间想像的科目时，能有效利用视觉工作记忆构建和操作空间模型，从而提升学习效果。</p>
                                <div class="sadness"><i></i>视觉记忆弱的场景的表现</div>
                                <p> 表现：对于视觉信息的敏感度和记忆力低。</p>
                                <p> 场景举例：</p>
                                <p> 1、自习或看书效率低，记忆混乱，无法有效提炼重要信息。</p>
                                <p> 2、对于课堂老师的板书内容无法有效记忆，经常遗漏。</p>
                                <p> 3、审题困难，做题过程中需要重复观看题目，答题速率低。</p>
                                <p> 4、无法胜任建筑、设计、绘画、书法等工作。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 手部控制 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    手部控制-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">手部控制</div>
                                    <p class="pageItem_content">
                                        手部控制能力在学生的学习过程中占有重要的地位。这种能力不仅影响手写的速度和整洁度，更会影响到诸如实验操作、艺术创作以及其他手工技能的学习实践。对于优良的手部控制能力，会直接影响学生的学习效率，比如做笔记时能迅速准确地记录重要信息，或是在实验中精准完成各步操作，以避免错误的发生。此外，良好的手部控制能力也有助于学生在其它非学术性的活动中，如运动或乐器练习中获取更好的表现。因此，从学习的角度来看，提高手部控制能力是非常必要的。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item7"></span>
                                        <span class="itemLevelName7"></span>
                                    </div>
                                </div>

                                <div class="happy"><i></i>手部控制好的表现</div>
                                <p> 1. 拥有良好手部控制能力的学生书写速度适中，字迹美观，能快速地完成书面作业。</p>
                                <p>2. 在实验、绘画或手工课程中，学生能准确无误地完成各种精细操作，避免错误。</p>
                                <p>3. 这些学生在记录笔记、整理资料等方面表现出较高的效率，有助于提升学习质量。</p>
                                <div class="sadness"><i></i>手部控制弱的场景的表现</div>
                                <p> 表现一：看书或写字时姿势不正确。</p>
                                <p> 表现二：精细动作难以完成，无法近距离作业</p>
                                <p> 表现三：手部力量难以控制，对于需要用手完成的工作情绪波动较大。</p>
                                <p> 场景举例：</p>
                                <p> 1、写字或看书时趴着或歪着头，‌写字歪歪扭扭，字迹潦草，‌经常把字写到格子或行线外</p>
                                <p> 2、手工能力弱，例如穿线、拼装模型等无法完成</p>
                                <p> 3、厌恶写作，其他学习项目都可以完成，但是苦于写作文。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />

                </div>
            </div>
            <!-- 视觉加工 -->
            <div class="page">
                <div class="page_header">
                    <img src="/device/images/page_header.png" />
                </div>
                <div class="page_body">
                    <div class="body_bg">
                        <div class="page_padding subItem_padding">
                            <div>
                                <div class="subItem_title">
                                    视觉加工-评估结果
                                </div>
                                <div class="pageBox">
                                    <div class="pageItem_Title">视觉加工</div>
                                    <p class="pageItem_content">
                                        专注力视觉加工，是指集中精神高效处理视觉信息的能力。它让人在观察时更细致入微，信息处理迅速且准确，无论是阅读、学习还是运动，都能保持高度的专注与敏锐的视觉反应，让每一分注意力都转化为清晰的认知与高效的行动。
                                    </p>
                                </div>
                                <div>
                                    <div class="scoreBox">
                                        <span style="color:#FA9F49">当前分数</span>
                                        <span style="font-size: 50px;" id="item8"></span>
                                        <span class="itemLevelName8"></span>
                                    </div>
                                </div>

                                <div class="happy"><i></i>视觉加工好的表现</div>
                                <p> 1. 视觉加工好的孩子，看书快又准，抄写不费劲，考试时间总是绰绰有余。</p>
                                <p>2. 他们看东西一眼就懂，说出来、写下来都条理清晰，做事从不拖泥带水。</p>
                                <p>3. 玩起需要眼疾手快的游戏，比如踢球、跳绳，他们也是灵活得很，动作协调，反应超快。</p>
                                <div class="sadness"><i></i>视觉加工弱的场景的表现</div>
                                <p> 表现一：影响孩子在处理视觉信息时的效率和准确性。</p>
                                <p> 表现二：难以对看到的信息进行书写、转述、提炼或执行。</p>
                                <p> 表现三：复杂视觉信息处理任务中的反应时间、‌注视次数、‌扫视次数和眼跳角度。</p>
                                <p> 场景举例：</p>
                                <p> 1、阅读时跳行漏字、‌抄写速度慢、‌考试时时间不够用。</p>
                                <p> 2、写作业效率低，错误量大。</p>
                                <p> 3、说起话来头头是道，‌但看书却看不明白，‌读书结巴，‌总是不连贯，‌听写困难，‌听指令做动作反应比较迟钝，‌总是做不好或漏掉几个动作。</p>
                                <p> 4、踢足球、跳绳困难，容易绊倒，运动技巧差，动作不协调。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="body_footer">专注力，是孩子未来的创新引擎！</div>
                <div style="background-color:#fff;display: flex;justify-content: center;">
                    <span id="qrcode">

                    </span>
                </div>
                <div class="page_footer">
                    <img src="/device/images/page_footer.png" />
                </div>
            </div>
        </div>
    </div>
    <script src="./lib/qrcode.js"></script>
    <script src="./lib/layui.js" charset="utf-8"></script>
    <script src="./config.js"></script>
    <script src="./lib/echarts.min.js" charset="utf-8"></script>
    <script src="./profileChart.js" charset="utf-8"></script>
    <script src="./typeChart.js" charset="utf-8"></script>
    <script src="./gaugeChart.js" charset="utf-8"></script>
    <script src="./lib/html2canvas.js" charset="utf-8"></script>
    <script src="./lib/jspdf.min.js" charset="utf-8"></script>
    <script src="./report.js" charset="utf-8"></script>
</body>

</html>